@layer reset {
  * {
    margin: 0;
    padding: 0;
  }
}

:root {
  --bg-color: #2f3e46;
  --primary-color: #84a98c;
  --primary-color-hover: #5f7a65;
  --secondary-color: #52796f;
  --secondary-color-hover: #476960;
  --additional-color: #354f52;
  --light: #cad2c5;

  font-size: 16px;
  box-sizing: border-box;
}

*,
*::before,
*::after {
  box-sizing: inherit;
}

html,
body {
  width: 100%;
  height: 100%;
}

body {
  background-color: var(--bg-color);
}
